<template>
	<view>
		<u-navbar :title="title" @leftClick="leftClick" placeholder bgColor="#fe630a" titleStyle="color:white;font-weight:600">
		 <view v-if="home" class="u-nav-slot" slot="left"><img src="@/static/homeImg.webp"></view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name: "navBar",
		props:{
			title:{
				type:String,
				required:true
			},
			home:{
				type:Boolean,
				default:false
			}
		},
		
		data() {
			return {
		
			};
		},
		methods:{
			leftClick(){
				// 获取当前页面栈总和
				const pageList = getCurrentPages()
				console.log(pageList);
				
				//	刷新后 页面栈只有一个，无法navigateBack
				if (pageList.length > 1) {
					uni.navigateBack()
				} else {
					//	回到 tabBar 页面，需使用 switchTab 方法
					uni. switchTab ({
						url: '/pages/index/index'
					})
				}
			}
		}
	}
</script>

<style lang="scss">
.u-nav-slot{
	height: 28px;
	width: 28px;
	img{
		width: 100%;
		height: 100%;
	}
// ::v-deep .u-navbar__content{
// 	background:linear-gradient(45deg,#ff6a06,#ffffff)
// 	}
}
</style>
